<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | SignUp Page ::
        w3layouts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>

    <!-- Bootstrap Core CSS -->
    <link href=" css/bootstrap.css" rel='stylesheet' type='text/css'/>

    <!-- Custom CSS -->
    <link href=" css/style.css" rel='stylesheet' type='text/css'/>

    <!-- font-awesome icons CSS -->
    <link href=" css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons CSS -->

    <!-- side nav css file -->
    <link href=' css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
    <!-- side nav css file -->

    <!-- js-->
    <script src=" js/jquery-1.11.1.min.js"></script>
    <script src=" js/modernizr.custom.js"></script>


    <!-- Metis Menu -->
    <script src=" js/metisMenu.min.js"></script>
    <script src=" js/custom.js"></script>
    <link href=" css/custom.css" rel="stylesheet">
    <!--//Metis Menu -->

</head>
<body>
<div class="main-content">
    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page signup-page">
            <h2 class="title1">注册页面</h2>
            <div class="sign-up-row widget-shadow">
                <h5>Personal Information :</h5>
                <form action="#" method="post">
                    <div class="sign-u">
                        <input type="text" name="firstname" placeholder="账号" required="">
                        <div class="clearfix"></div>
                    </div>
                    <div class="sign-u">
                        <input type="text" placeholder="密码" required="">
                        <div class="clearfix"></div>
                    </div>
                    <div class="sign-u" style="position: relative;">
                        <input type="email" style="width: 550px;" placeholder="邮箱" required="">
                        <div class="clearfix"></div>
						<button id="code" class="btn btn-dark btn-block" style="width: 120px;height: 50px;position: absolute;top: 0px;right: 0px;" type="button">获取验证码</button>
                    </div>
					<div class="sign-u">
						<input type="text" placeholder="激活码" required="">
						<div class="clearfix"></div>
					</div>
                    <div class="sub_home">
                        <input type="submit" value="注册">
                        <div class="clearfix"></div>
                    </div>
                    <div class="registration">
						已有账号，开始登录
                        <a class="" href="login.html">
                            登录
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p>&copy; 2018 Glance Design Dashboard. All Rights Reserved | Design by <a href="https://w3layouts.com/"
                                                                                   target="_blank">w3layouts</a></p>
    </div>
    <!--//footer-->
</div>

<!-- side nav js -->
<script src=' js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
	$(function(){
		$("#code").click(function(){
			let email = $("input[type=email]").val()
			alert("获取邮箱发送验证码")
		})
	})
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src=" js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src=" js/jquery.nicescroll.js"></script>
<script src=" js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src=" js/bootstrap.js"></script>

</body>
</html>